<div class="wrapper login-wrapper" style="background-color: #fff">
    <div class="login-top">
        <img src="../../../../assets/img/logo-big.png" class="logo-big"/>
        <div class="logo-name">
            <div class="sg-name">虚拟仿真平台</div>
            <div class="sg-name sg-name-en">Virtual simulation platform</div>
        </div>
    </div>
    <div class="abs-center mt-lg width-lg">
        <nz-card [nzBordered]="false" class="ant-card__primary ant-card__title-img">
            <form nz-form [formGroup]="valForm" (ngSubmit)="submit()" role="form">
                <div nz-form-item>
                    <div nz-form-control [nzValidateStatus]="valForm.controls.email">
                        <nz-input class="nz-input" formControlName="email" [nzPlaceHolder]="'邮箱'"
                                  [nzSize]="'large'">
                            <ng-template #prefix>
                                <i class="anticon anticon-user" style="font-size: 20px;color: #cc0000;"></i>
                            </ng-template>
                        </nz-input>
                        <div nz-form-explain *ngIf="valForm.controls.email.dirty&&valForm.controls.email.hasError('required')">邮箱必填</div>
                    </div>
                </div>
                <div nz-form-item>
                    <div class="pwd-input" nz-form-control [nzValidateStatus]="valForm.controls.password">
                        <nz-input formControlName="password" [nzPlaceHolder]="'密码'" [nzType]="'password'" [nzSize]="'large'">
                            <ng-template #prefix>
                                <i class="anticon anticon-lock" style="font-size: 20px;color: #cc0000;"></i>
                            </ng-template>
                        </nz-input>
                        <div nz-form-explain *ngIf="valForm.controls.password.dirty&&valForm.controls.password.hasError('required')">密码必填</div>
                    </div>
                </div>
                <!--<div nz-form-item nz-row>-->
                    <!--<div nz-col [nzSpan]="12">-->
                        <!--<label nz-checkbox formControlName="remember_me">-->
                            <!--<span>记住密码</span>-->
                        <!--</label>-->
                    <!--</div>-->
                    <!--<div nz-col [nzSpan]="12" class="text-right">-->
                        <!--<a [routerLink]="['/forget']">忘记密码？</a>-->
                    <!--</div>-->
                <!--</div>-->
                <div nz-form-item nz-row>
                    <div nz-col [nzSpan]="24">
                        <button nz-button [disabled]="!valForm.valid" [nzType]="'primary'" [nzSize]="'large'" class="ant-btn__block">
                            <span>登 录</span>
                        </button>
                    </div>
                </div>
            </form>
            <!--<div nz-form-item nz-row>-->
                <!--<div nz-col [nzSpan]="24" class="text-center">或</div>-->
            <!--</div>-->
            <!--<div nz-row>-->
                <!--<div nz-col [nzSpan]="24">-->
                    <!--<button nz-button [routerLink]="['/register']" [nzType]="'default'" [nzSize]="'large'" class="ant-btn__block">-->
                        <!--<span>立即注册</span>-->
                    <!--</button>-->
                <!--</div>-->
            <!--</div>-->
        </nz-card>
        <!--<div class="p-lg text-center text-sm" style="color: #fff">-->
        <!--&copy; {{ settings.app.year }} - 麦尼哲-->
        <!--<br> {{ settings.app.description }}-->
        <!--</div>-->
    </div>
</div>
